.idxPdt-mod88{padding:4rem 0;}.idxPdt-mod88 .info{margin-bottom:4rem;font-size:24px;font-family:Arial;font-weight:400;color:#333;line-height:30px;text-align:center;}.idxPdt-mod88 .back{display:inline-block;position:relative;}.idxPdt-mod88 .prj_box{text-align:center;}.idxPdt-mod88 .back{box-shadow:0 3px 35px 0 rgba(0,0,0,.4);}.idxPdt-mod88 .back .bottom-group{display:flex;}.idxPdt-mod88 .back .arrow{width:20%;}.idxPdt-mod88 .back .img{position:relative;}.idxPdt-mod88 .back .sub-title{width:80%;font-size:20px;font-family:Arial;font-weight:bold;color:#666;padding:2rem 0;}.idxPdt-mod88 .back .img::before{position:absolute;width:100%;height:100%;left:0;top:0;content:'';opacity:.6;}.idxPdt-mod88 .prj_box:first-child .back .img::before{background-color:#dc2e30;}.idxPdt-mod88 .prj_box:nth-child(2) .back .img::before{background-color:#000;}.idxPdt-mod88 .prj_box:nth-child(3) .back .img::before{background-color:#786e64;}.idxPdt-mod88 .prj_box:nth-child(4) .back .img::before{background-color:#014da1;}.idxPdt-mod88 .prj_box .back .arrow{display:flex;align-items:center;justify-content:center;}.idxPdt-mod88 .prj_box:first-child .back .arrow{background-color:#dc2e30;}.idxPdt-mod88 .prj_box:nth-child(2) .back .arrow{background-color:#000;}.idxPdt-mod88 .prj_box:nth-child(3) .back .arrow{background-color:#786e64;}.idxPdt-mod88 .prj_box:nth-child(4) .back .arrow{background-color:#014da1;}.idxPdt-mod88 .img .sub-title{position:absolute;font-size:16px;top:50%;width:100%;transform:translateY(-50%);background:hsla(0,0%,100%,.8);font-weight:700;opacity:0;padding:1.5rem 0;text-align:center;transition:all .2s ease-in-out;line-height:unset;}.idxPdt-mod88 .back:hover .img .sub-title{opacity:1;}.idxPdt-mod88 .prj_box:first-child .back:hover .img .sub-title{color:#dc2e30;}.idxPdt-mod88 .prj_box:nth-child(2) .back:hover .img .sub-title{color:#000;}.idxPdt-mod88 .prj_box:nth-child(3) .back:hover .img .sub-title{color:#786e64;}.idxPdt-mod88 .prj_box:nth-child(4) .back:hover .img .sub-title{color:#014da1;}@media(max-width:1199px){.idxPdt-mod88 .back .arrow svg{width:35px;height:35px;}.idxPdt-mod88 .back .sub-title{padding:1rem 0;font-size:16px;}}@media(max-width:991px){.idxPdt-mod88 .prj_box{margin-bottom:3rem;}}@media(max-width:480px){.idxPdt-mod88 .back .arrow svg{width:20px;height:20px;}.idxPdt-mod88 .back .sub-title{padding:.5rem 0;font-size:14px;}}